<html>
<head>
    {% load static %}
    <meta charset="utf-8">
    <title>工资条列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.css">
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.min.css">
    <style>
        .custom_border_left{
            margin-left: 10px;
            padding-left: 1px;
            padding-top: 5px;
            line-height: 1.6;
            border-left: 5px solid #5FB878;
            border-radius: 0 2px 2px 0;
            background-color: #FAFAFA;

        }
        .custom_header{
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 10px;
            height: 150px;
            border-radius: 5px;
            background: #0c84ff url("{% static 'images/ent_wechat_backgrong.png' %}") -80px -350px;;
        }
    </style>

</head>
<body>
<div class="container">
    <div class="custom_header">
        <h3 style="text-align: center;padding-top: 40px; font-size: 36px; color: white;">薪资信息</h3>
        <h3 style="text-align: center;padding-top: 10px; font-size: 16px; color: white">{{ company_name }}</h3>
    </div>
    <div class="page__body">
        <div class="weui-cells__title custom_border_left">&nbsp;列表明细</div>
        <div class="weui-cells">
        {% for d in data %}
            <a class="weui-cell weui-cell_access" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww778513745cdbfe07&redirect_uri=https%3a%2f%2fsalary.stronggg.com%2fpayroll%2fent_wechat%2f{{ d.pay_month.year }}%2f{{ d.pay_month.month }}%2f{{ d.mark_id }}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect">
                <div class="weui-cell__bd">
                    <p>{{ d.name }}</p>
                </div>
                {% if d.confirm == "1" %}
                <div class="weui-cell__ft" style="font-size: 16px;color: #09bb07;"><i class="weui-icon-success" style="font-size: 18px;"></i>已确认</div>
                {% else %}
                <div class="weui-cell__ft" style="font-size: 16px;color: red;"><i class="weui-icon-cancel" style="font-size: 18px;"></i>未确认</div>
                {% endif %}
            </a>
               {% endfor %}
        </div>
    </div>
</div>
</body>
</html>